<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta http-equiv="Cache-Control" content="no-siteapp"/>
        <link th:href="@{/erp/assets/css/bootstrap.min.css}" rel="stylesheet"/>
        <link rel="stylesheet" th:href="@{/erp/css/style.css}"/>
        <link rel="stylesheet" th:href="@{/erp/assets/css/ace.min.css}"/>
        <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome.min.css}"/>
        <link rel="stylesheet" href="/erp/Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
        <script th:src="@{/erp/assets/js/jquery.min.js}"></script>
        <script th:src="@{/erp/assets/js/bootstrap.min.js}"></script>
        <script th:src="@{/erp/assets/js/jquery.dataTables.min.js}"></script>
        <script th:src="@{/erp/assets/js/jquery.dataTables.bootstrap.js}"></script>
        <script th:src="@{/erp/assets/layer/layer.js}" type="text/javascript"></script>
        <script type="text/javascript" th:src="@{/erp/Widget/zTree/js/jquery.ztree.all-3.5.min.js}"></script>
        <script th:src="@{/erp/js/lrtk.js}" type="text/javascript"></script>
        <title>商品详细</title>
    </head>
    <body>
        <script>
            $(function () {
                $.ajax({
                    url: '/procurement/productType?id=' + $("#productId").text(),
                    type: "get",
                    dataType: "json",
                    success: function (data) {
                        if (data.type == "积分商品"){
                            $("#type").text("总积分：")
                            $("#type1").text("积分：")
                            $("#type2").text("积分")
                            $("#type3").text(" 积分：")
                            $("#type4").text(" 总积分")
                            $("#type5").text("")
                            $("#type6").text("")
                            $("#type7").text($("#integral").val())
                            $("#type8").text($("#integral").val())
                        }
                    }
                });
            })
        </script>
        <input id="integral" type="hidden" th:value="${order.integral}"/>
        <div class="margin clearfix">
            <div class="Order_Details_style">
                <div class="detailed_style">
                    <!--收件人信息-->
                    <div class="Receiver_style">

                        <!--订单信息-->
                        <div class="product_style">

                            <div class="Info_style clearfix">
                                <div class="product_info clearfix">
                                    <a href="#" class="img_link"><img src=""/></a>
                                    <span>
      <a href="#" class="name_link" th:text="${order.remarks}">
</a><br/>
      <b th:text="${order.productName}"></b>
      <p>规格：[[${order.retailPrice}]]<label id="type2">元</label>/个</p>
      <p>重量：[[${order.productQuality}]]kg</p>
                                        <p><label id="type1">价格：</label><b class="price"><i id="type6">￥</i><label id="type7" th:text="${order.retailPrice}"></label></b></p>
      <p>商品类型：<i class="label label-success radius" th:text="${order.productType}"></i></p>
      </span>
                                </div>
                            </div>
                        </div>
                        <!--总价-->
                        <div class="Total_style">
                            <div class="Info_style clearfix">
                                <div class="col-xs-3">
                                    <label class="label_name"> 物品名称： </label>
                                    <div class="o_content" th:text="${order.productName}"></div>
                                </div>
                                <div class="col-xs-3">
                                    <label class="label_name"> 产品编号： </label>
                                    <div id="productId" class="o_content" th:text="${order.proId}"></div>
                                </div>

                                <div class="col-xs-3">
                                    <label class="label_name"> 数量： </label>
                                    <div class="o_content" th:text="${order.sum}"></div>
                                </div>
                                <div class="col-xs-3">
                                    <label class="label_name" id="type3"> 金额： </label>
                                    <div id="type8" class="o_content" th:text="${order.retailPrice}"></div>
                                </div>
                                <div class="col-xs-3">
                                    <label class="label_name"> 所属分类： </label>
                                    <div class="o_content" th:text="${order.sortssName}"></div>
                                </div>
                                <div class="col-xs-3">
                                    <label class="label_name" id="type"> 总价： </label>
                                    <div class="o_content" th:text="${order.money}"></div>
                                </div>
                            </div>
                        </div>
                        <div class="Total_m_style"><span class="Total">总数：<b
                                th:text="${order.sum}">&nbsp;&nbsp;&nbsp;</b></span><span
                                class="Total_price"><span id="type4">总价</span>：<b th:text="${order.money}"></b><label id="type5">元</label></span></div>
                    </div>
                </div>
                <div class="Button_operation" align="center">
                    <button id="rtn"
                            class="btn btn-primary radius" type="button">返回
                    </button>
                </div>
            </div>
        </div>
    </body>
    <script>
        $("#rtn").on("click", function () {
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        })
    </script>
</html>
